// 引入定义好的counterStore
// import counterStore from './store/CounterStore'
// 引入更新视图的关键方法
import {observer} from 'mobx-react-lite'
// 引入useStore 方法
import { useStore } from './store'
function App() {
    return(
        <div>
            {/* 使用数据 并点击修改数据 */}
            {/* <button onClick={counterStore.addCount}>
                {counterStore.count}
            </button>
            <button onClick={counterStore.addList}>
                {counterStore.list}
            </button> */}
            <button onClick={useStore().counterStore.addCount}>
                {useStore().counterStore.count}
            </button>
            <button onClick={useStore().listStore.addList}>
                {useStore().listStore.list}
            </button>
        </div>
    )
}
// 使用observer方法包裹组件，使其响应数据变化
export default observer(App) 
